<script setup>
import { ref, onMounted } from 'vue'

const imgs = ref([
  ''
])


</script>

<template>

  <div class="flex items-center justify-between px-5 py-3 font-bold text-sm shadow-lg rounded-t-lg">
    <div class="pl-1">相册</div>
    <div class="flex items-center opacity-50 font-medium">126张照片
      <img
        class="h-5 w-5 opacity-30"
        src="../../../assets/user/arrow-right-s-line.png"
      >
    </div>
  </div>
  <div class="flex items-center justify-center w-full h-32 bg-slate-200 rounded-bl-lg">
    <div class="w-1/2 h-full   ">
      left pic
    </div>
    <div class=" grid gap-0 grid-cols-2 w-1/2 h-full test rounded-br-lg">

      <div class="">right pic</div>
      <div class="">right pic</div>
      <div class="">right pic</div>
      <div class="">right pic</div>
    </div>
  </div>

</template>

<style scoped lang='scss'></style>